<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>待遇审批表</title>

    <!--引入本地 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <!--    引入Layui组件-->
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1.1"></script>
    <script type="text/javascript" src="/admin/js-css/js/jQuery.print.js?v=1.1"></script>


    <style>
        table tr td
        {border:1px solid black;}

        body{
            font-weight: normal;
        }

        .fontclass{
            font-size: 8px;
            height: 50px;
        }

        .table_border tr td{
            border:none;
        }

        .fontbold{
            font-weight: bold;
            font-size: 14px;
            height: 50px;
        }

        .div_fenguan{
            width: 100%;
            text-align: left;
            padding: 0 10px;
            height: 100%;
            line-height: 35px;
        }

        .divp1{
            display: inline-block;
            width: 49%;
            text-align: left;
        }
    </style>

</head>
<body>

    <div id="app">

        <template>
            <div>

                <div id="printMe" style="padding: 2px 20px;">
                    <!-- table模块 -->
                    <table
                            border="1"
                            cellpadding="8"
                            style="border-collapse: collapse; width: 100%; font-size: 14px"
                    >
                        <caption>
                            <p style="font-size: 20px;font-weight: bold;"  >企业职工领取养老金资格承诺申报表</p>
                            <div style="text-align: left;font-weight: bold;">
                                <div style="display: inline-block;width: 55%">单位名称（盖章）：</div>
                                <div style="display: inline-block;">单位参保编号：</div>
                            </div>
                        </caption>
                        <tr class="fontclass" >
                            <td align="center" style="width: 100px;" >个人编号</td>
                            <td align="center"  >姓名</td>
                            <td align="center"  >性别</td>
                            <td align="center" colspan="2" style="width: 61%;" >公民身份证号码</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center" >{{form.id}}</td>
                            <td align="center"  >{{form.xm}}</td>
                            <td align="center"  >{{form.xb}}</td>
                            <td align="center" colspan="2"  >{{form.jmsfzhm}}</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center" >档案最早记载出生日期及依据材料名称、填写时间</td>
                            <td align="center" colspan="2" >{{form.dazzjzcs}}</td>
                            <td align="center"  colspan="2"  >工作期间是否存在以下情况及时间段</td>
                        </tr>

                        <tr class="fontclass" >
                            <td align="center" >参加工作时间及认定依据的材料</td>
                            <td align="center" colspan="2" >{{form.cjgzsj}}</td>
                            <td align="center" colspan="2"   >
                                <div>
                                    <div class="divp1" >上学（{{form.sxdg_str}}）（<span style="display: inline-block;width: 30px;">{{form.sxksny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.sxksny_y}}</span>月至<span style="display: inline-block;width: 30px;">{{form.sxzzny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.sxzzny_y}}</span>月）</div>
                                    <div class="divp1" >开除（{{form.kcdg_str}}）（<span style="display: inline-block;width: 30px;">{{form.kcksny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.kcksny_y}}</span>月至<span style="display: inline-block;width: 30px;">{{form.kczzny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.kczzny_y}}</span>月）</div>
                                </div>
                                <div>
                                    <div class="divp1" >劳动教养（{{form.ldjydg_str}}）（<span style="display: inline-block;width: 30px;">{{form.ldjyksny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.ldjyksny_y}}</span>月至<span style="display: inline-block;width: 30px;">{{form.ldjyzzny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.ldjyzzny_y}}</span>月)</div>
                                    <div class="divp1" >除名（{{form.cmdg_str}}）（<span style="display: inline-block;width: 30px;">{{form.cmksny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.cmksny_y}}</span>月至<span style="display: inline-block;width: 30px;">{{form.cmzzny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.cmzzny_y}}</span>月）</div>
                                </div>
                                <div>
                                    <div class="divp1" >长期病假({{form.zqbj_str}}) (<span style="display: inline-block;width: 30px;">{{form.zqbjksny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.zqbjksny_y}}</span>月至<span style="display: inline-block;width: 30px;">{{form.zqbjzzny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.zqbjzzny_y}}</span>月)</div>
                                    <div class="divp1" >自动离职({{form.zdlzdg_str}}) (<span style="display: inline-block;width: 30px;">{{form.zdlzksny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.zdlzksny_y}}</span>月至<span style="display: inline-block;width: 30px;">{{form.zdlzzzny_n}}</span>年<span style="display: inline-block;width: 14px;">{{form.zdlzzzny_y}}</span>月)</div>
                                </div>
                            </td>

                        </tr>

                        <tr class="fontclass" >
                            <td align="center" >符合法定退休时间</td>
                            <td align="center" colspan="2" >{{form.fhfdtxsj}}</td>
                            <td align="center"  colspan="2"  >现连续工作岗位</td>
                        </tr>

                        <tr class="fontclass" >
                            <td align="center" colspan="2" >最早在国有、集体企业用工形式</td>
                            <td align="center" colspan="1" >
                                <div>固定工（<span style="display: inline-block;width: 30px;">{{form.ygxs_1}}</span>）</div>
                                <div>合同工（<span style="display: inline-block;width: 30px;">{{form.ygxs_2}}</span>）</div>
                            </td>
                            <td align="center"  colspan="2"  >
                                <div>与企业有偿解除劳动合同前：</div>
                                <div>
                                    管理岗位（<span style="display: inline-block;width: 30px;">{{form.xlxgzgw_1}}</span>）专业技术岗位（<span style="display: inline-block;width: 30px;">{{form.xlxgzgw_2}}</span>）生产操作岗位（<span style="display: inline-block;width: 30px;">{{form.xlxgzgw_3}}</span>）
                                </div>
                            </td>
                        </tr>

                        <tr class="fontclass" >
                            <td align="center" colspan="1" >本人联系电话</td>
                            <td align="center" colspan="1" >{{form.brlxdh}}</td>
                            <td align="center"  colspan="" style="width: 101px;" >社保卡银行账号</td>
                            <td align="center"  colspan=""  >{{form.sbkyxzh}}</td>
                            <td align="center"  colspan="" style="text-align: left;"  >社保卡发放银行：{{form.sbkffyx}}</td>

                        </tr>

                        <tr class="fontclass" >
                            <td align="center" colspan="1" >亲属联系电话</td>
                            <td align="center" colspan="1" >{{form.qslxdh}}</td>
                            <td align="center"  colspan=""  >退休后居住地址</td>
                            <td align="center"  colspan="2"  >{{form.txhjzdz}}</td>

                        </tr>


                        <tr class="fontclass" >
                            <td align="center" colspan="1" >参保企业联系电话</td>
                            <td align="center" colspan="1" ></td>
                            <td align="center"  colspan=""  >是否在异地参加过  企业职工养老保险</td>
                            <td align="center"  colspan="2"  >
                                <div class="divp1" style="text-align: center;">是（<span style="display: inline-block;width: 30px;">{{form.jgqyzgylbx_1}}</span>）     否（<span style="display: inline-block;width: 30px;">{{form.jgqyzgylbx_0}}</span>）</div>
                                <div class="divp1">是否已办理转移（<span style="display: inline-block;width: 30px;">{{form.sfyblzy_1}}</span>）</div>
                            </td>

                        </tr>

                        <tr class="fontclass" >
                            <td align="center" colspan="1" style="height: 185px;">
                                <div>工</div>
                                <div>作</div>
                                <div>简</div>
                                <div>历</div>
                            </td>
                            <td align="center" colspan="4" >
                                <div style="height: 185px;padding-top: 30px;text-align: left;">
                                    <p style="text-indent: 3em;">{{form.gzjl}}</p>
                                </div>
                            </td>

                        </tr>


                        <tr class="fontclass" >
                            <td align="center" rowspan="3" colspan="1" >
                                <div>承</div>
                                <div>诺</div>
                                <div>书</div>
                            </td>
                            <td align="center" colspan="4" >
                                <div style="height: 300px;padding-top: 30px;text-align: left;">
                                    <p style="text-indent: 3em;">
                                        单位对办理基本养老金领取资格认定条件和相关规定已充分知晓，在此郑重承诺：填报和提交的所有信息均真实、
                                        准确、完整、<br/>有效。社保经办机构事后将通过实地核查退休职工档案或其他部门、机构查询与承诺相关的职工个人信息，
                                        用于核实承诺内容的真实性。如果单位做出不实承诺,社保经办机构将单位、法定代表人、主要负责人、经办人和职工本
                                        人列入社会保险领域严重失信人名单，严重失信人名单信息将上传至人力资源社会保障信用信息平台和全国信用信息共享平台，
                                        由相关部门依据《关于对社会保险领域严重失信企业及其有关人员实施联合惩戒的合作备忘录》（发改财经〔2018〕1704号）
                                        规定实施联合惩戒，包括限制严重失信行为有关责任人乘坐飞机、列车软卧、轮船二等以上仓位、G 字头动车组列车全部座位、
                                        其他动车组一等以上座位等非生活和工作必须的消费行为，涉嫌犯罪的移交司法机关处理。
                                    </p>
                                </div>

                                <div>
                                    <div style="display: inline-block;width: 30%">法定代表人：</div>
                                    <div style="display: inline-block;width: 35%">主要负责人：</div>
                                    <div style="display: inline-block;width: 30%">本人签字：</div>
                                </div>
                                <div style="margin-top: 40px;width: 83%;text-align: right;">{{form.date_str}}</div>
                            </td>
                        </tr>

                    </table>

                </div>
            </div>
        </template>
    </div>

    <script>

        var vm = new Vue({
           el:"#app",
           data:{
               form:{},
               formData:{start:"",end:""},
               parmsData:{},
           },
           created(){
               this.parmsData = getParams();
               this.getData();
           },
            methods: {
                toPrint(){
                    $("#printMe").print();
                },
                //   获取表格数据
                async getData() {
                    load();
                    const res = await postWebCustom(getTableId("2552"),{id:""+this.parmsData.id});
                    layer.closeAll();
                    if(res.code == 0){
                        top.alert(res.msg);
                        return;
                    }
                    this.form = res.data;
                },

            },
        });
    </script>
</body>
</html>